<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
{#{% for info in contact_list %}#}
{#    <div class="title">#}
{#    <ul class="nlist">#}
{#        <a href="#{{ info.category_id }}/"><h4 class="t_nav"><span>《{{ info.category_name }}》</span></h4></a>#}
{##}
{#    </ul>#}
{##}
{#    </div>#}
{#{% endfor %}#}
{% for contact in contacts %}
    {{ contact.category_name  }}

{#     Each "contact" is a Contact model object. #}
    {{ contact.full_name|upper }}<br />
{#    ...#}
    {{ contact.category_name  }}
{% endfor %}

<div class="pagination">
    <span class="step-links">
        {% if contacts.has_previous %}
            <a href="?page={{ contacts.previous_page_number }}">previous</a>
        {% endif %}

        <span class="current">
            Page {{ contacts.number }} of {{ contacts.paginator.num_pages }}.
        </span>

        {% if contacts.has_next %}
            <a href="?page={{ contacts.next_page_number }}">next</a>
        {% endif %}
    </span>
</div>
</body>
</html>